<template>
	<!-- 商家 -->
	<view class="shangjia">
	  <u-cell-group>
	    <u-cell-item title="郑州市郑东新区农业东路郑州市郑东新区农业33号2号楼1层049号" :arrow="false" @click="telModal=true">
	      <image class="icon" slot="icon" src="../../../static/icons/shop-address.png"></image>
	      <image class="icon" style="margin: 0;" slot="right-icon" src="../../../static/icons/shop-dh.png"></image>
	    </u-cell-item>
	    
	    <view class="u-p-16">
	      <view class="pics">
	        <image class="pic" src="https://picsum.photos/id/563/300/300" mode="aspectFill"></image>
	        <image class="pic" src="https://picsum.photos/id/563/300/300" mode="aspectFill"></image>
	        <image class="pic" src="https://picsum.photos/id/563/300/300" mode="aspectFill"></image>
	        <image class="pic" src="https://picsum.photos/id/563/300/300" mode="aspectFill"></image>
	        <image class="pic" src="https://picsum.photos/id/563/300/300" mode="aspectFill"></image>
	        <image class="pic" src="https://picsum.photos/id/563/300/300" mode="aspectFill"></image>
	      </view>
	    </view>
	    
	    <u-cell-item title="查看食品安全档案">
	      <image class="icon" slot="icon" src="../../../static/icons/shop-anquan.png"></image>
	    </u-cell-item>
	  </u-cell-group>
	  
	  <u-gap height="16"></u-gap>
	  <u-cell-group>
	    <u-cell-item title="配送服务:平台配送" :arrow="false">
	      <image class="icon" slot="icon" src="../../../static/icons/shop-peisong.png"></image>
	    </u-cell-item>
	    <u-cell-item title="配送时间:08:30-22:00" :arrow="false">
	      <image class="icon" slot="icon" src="../../../static/icons/shop-time.png"></image>
	    </u-cell-item>
	  </u-cell-group>
	  
	  <u-gap height="16"></u-gap>
	  <u-cell-group>
	    <u-cell-item title="[新品上线]本店推出烤饼点心系列,新鲜现鲜现鲜现鲜现鲜现鲜现" :arrow="false">
	      <image class="icon" slot="icon" src="../../../static/icons/ggt.png"></image>
	    </u-cell-item>
	    <u-cell-item title="会员享全场8.5折" :arrow="false">
	      <image class="icon" slot="icon" src="../../../static/icons/shop-tag.png"></image>
	    </u-cell-item>
	  </u-cell-group>
	  
	  <view class="f-center" style="height: 200rpx;">
	    <my-btn :size="[640, 80, 30]" color="#fff" bg="#FFB849" round>去店里</my-btn>
	  </view>
    
    <u-modal v-model="telModal" title="拨打" :content="tel" confirm-color="#ffbe5b" show-cancel-button></u-modal>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				telModal: false,
        tel: '16899199'
			};
		}
	}
</script>

<style lang="scss">
  .shangjia {
    .icon {
      width: 40rpx;
      height: 40rpx;
      margin-right: 16rpx;
    }
    
    .pics {
      overflow-y: scroll;
      display: flex;
      
      .pic {
        flex-shrink: 0;
        width: 210rpx;
        height: 160rpx;
        margin: 0 16rpx;
      }
    }
  }
</style>
